<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线留言-安防监控</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base_index.css">
    <link rel="stylesheet" href="css/base_aside.css">
    <link rel="stylesheet" href="css/base_article.css">
    <link rel="stylesheet" href="css/message.css">
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="top-introduce">
            <div class="container">
                您好，欢迎访问某某安防监控器材服务有限公司官方网站！
                <span>
                    <img src="images/tb_01.png"> <a href="#">设为首页</a>
                    <img src="images/tb_02.png"> <a href="#">加入收藏</a>
                </span>
            </div>
        </div>
        <!-- 顶部 搜索-->
        <div class="container search cf">
            <div class="search-logo">
                <img class="search-logo" src="images/logo.png" alt="logo">
                <div class="logo-text">
                    <h1>某某安防监控服务有限公司</h1>
                    <p>XXX SECURITY MONITORING SERVICE CO., LTD</p>
                </div>
            </div>
            <div class="search-box-align">
                <div class="search-box">
                    <form action="#">
                        <input type="text" placeholder="搜索一哈">
                        <button type="submit">搜索</button>
                    </form>
                </div>
            </div>
            <div class="search-tel">
                <img class="" src="images/tel.png" alt="tel">
                <span>24小时服务热线</span>
                <h2>400-0000-0000 </h2>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <header class="header">
        <!-- 头部 导航 -->
        <nav class="nav">
            <a href="index.html">网站首页</a>
            <a href="about.html">关于我们</a>
            <a href="product.html">产品中心</a>
            <a href="news.html">新闻动态</a>
            <a href="join.html">招商加盟</a>
            <a href="message.html">在线留言</a>
            <a href="contact.html">联系我们</a>
        </nav>
    </header>
    <!-- 主体 -->
    <main class="container cf">
        <!-- 主体 边栏 -->
        <aside>
            <ul>
                <li class="title">
                    <div>
                        <h2>在线留言</h2>
                        <p>ONLINE MESSAGE</p>
                    </div>
                </li>
                <li><a href="product.html">监控系统</a></li>
                <li><a href="product.html">报警系统</a></li>
                <li><a href="product.html">门禁系统</a></li>
                <li><a href="product.html">集团系统</a></li>
                <li><a href="product.html">消防系统</a></li>
                <li><a href="product.html">智能交通</a></li>
                <li class="ad-pic">
                    <img src="images/jiameng.jpg" alt="ad">
                </li>
                <li class="ad-tel">
                    <p>加盟热线：400-0000-0000</p>
                </li>
            </ul>
        </aside>
        <!-- 主体 内容 -->
        <article>
            <div class="aricle-top">
                <span>网站首页 ☆ 在线留言</span>
            </div>
            <div class="aricle-down cf">
                <form action="#">
                    <p>
                        称呼<br>
                        <input type="text">
                    </p>
                    <p>
                        电话<br>
                        <input type="tel">
                    </p>
                    <p>
                        邮箱<br>
                        <input type="email">
                    </p>
                    <p>
                        标题<br>
                        <input type="text">
                    </p>
                    <p>
                        内容<br>
                        <textarea name="content" id="content"></textarea>
                    </p>
                    <button type="submit">提交</button>
                </form>

                <div class="message-inf">
                    <h3>留言须知：</h3>
                    <p>
                        一、不得发表违反中华人民共和国宪法和法律、违反改革开放和四项基本原则的言论。<br>
                        二、不得发表造谣、诽谤他人的言论。<br>
                        三、不得发表未经证实的消息，亲身经历请注明。<br>
                        四、请勿发表任何形式的广告。<br>
                        五、请勿发表与本网站无关的留言。<br>
                        六、请留真实联系方式以便核对，联系方式不实者，留言将予以删除。<br>
                        七、本栏目非论坛性质，只用于本网站和公众之间的交流，不用于公众之间的交流。<br>
                        八、本栏目拥有发布、编辑、删除公众留言的权利，凡不符合本须知规定的留言将予以删除。<br>
                        九、本栏目只接收您的意见和建议，不进行回复。<br>
                        十、留言者承担一切因留言行为而直接或间接引起的法律责任。<br>
                        十一、如在本栏留言，即表明已阅读并接受了上述各项条款。
                    </p>
                </div>

            </div>
        </article>
    </main>
    <!-- 页脚 -->
    <footer>
        <div class="footer-box container">
            <div class="footer-up cf">
                <div class="footer-product">
                    <dl>
                        <dt><a href="product.html">产品中心</a></dt>
                        <dd><a href="product.html">监控系统</a></dd>
                        <dd><a href="product.html">报警系统</a></dd>
                        <dd><a href="product.html">门禁系统</a></dd>
                        <dd><a href="product.html">集团系统</a></dd>
                        <dd><a href="product.html">消防系统</a></dd>
                        <dd><a href="product.html">智能交通</a></dd>
                    </dl>
                </div>
                <div class="footer-news">
                    <dl>
                        <dt><a href="news.html">新闻动态</a></dt>
                        <dd><a href="news.html">行业新闻</a></dd>
                        <dd><a href="news.html">公司新闻</a></dd>
                        <dd><a href="news.html">网络轶闻</a></dd>
                    </dl>
                </div>
                <div class="footer-index">
                    <dl>
                        <dt><a href="index.html">网站首页</a></dt>
                        <dd><a href="about.html">关于我们</a></dd>
                        <dd><a href="join.html">招商加盟</a></dd>
                        <dd><a href="message.html">在线留言</a></dd>
                        <dd><a href="contact.html">联系我们</a></dd>
                    </dl>
                </div>
                <div class="footer-contact">
                    <dl>
                        <dt>某某安防监控设备有限公司（集团总部）</dt>
                        <dd>地址：上海某某路2号某某广场1楼 1009-1010室</dd>
                        <dd class="tel">电话：021-8888XXXX</dd>
                        <dd>传真：021-8888XXXX</dd>
                    </dl>
                </div>
                <div class="footer-about cf">
                    <dl>
                        <dt>关注我们</dt>
                        <dd class="sina"><img src="images/erweima.jpg" alt="#">
                            <p>新浪微博</p>
                        </dd>
                        <dd><img src="images/erweima.jpg" alt="#">
                            <p>微信扫一扫</p>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="footer-down">
                &copy;某某安防监控设备有限公司 2002--2014 保留一切权利许可证编号：沪ICP备0700XXXX服务热线：400-888-88XX
            </div>
        </div>
    </footer>
</body>

</html>